<template>
  <div class="list-box">
    <el-row class="row-box">
      <el-col :xs="12" :sm="12" :md="12" :lg="6" :xl="6" v-for="i in 10" :key="i" class="list-item">
        <NuxtLink>
          <el-card shadow="hover">
            <Image
              :url="'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png'"
              class="image"
            ></Image>
            <div class="content">
              <span class="name">文章标题</span>
              <span class="time"> 2023-02-20 19:01 </span>
            </div>
          </el-card>
        </NuxtLink>
      </el-col>
    </el-row>
    <div class="pagination-box">
      <Pagination :total="100" />
    </div>
  </div>
</template>
<style lang="less" scoped>
@import './index.less';
</style>
